<template>
  <div class="select">
    类型选择区域
    <ul class="b-ul-city">
      <router-link
      v-for="city in cityList"
      :key="city.id"
      :to="{ name: 'test', params: { id: city.id, city: city.fullname } }"
      tag="li" class="city-item">{{ city.fullname }}</router-link>
    </ul>
    <router-view />
  </div>
  <!-- :to="{ name: 'home', params: { id: city.id } } -->
</template>

<script>
// https://show.bilibili.com/api/ticket/project/listV2?version=134&page=1&pagesize=16&area=510100&filter=&platform=web&p_type=%E5%85%A8%E9%83%A8%E7%B1%BB%E5%9E%8B  成都
// https://show.bilibili.com/api/ticket/project/listV2?version=134&page=1&pagesize=16&area=310100&filter=&platform=web&p_type=%E5%85%A8%E9%83%A8%E7%B1%BB%E5%9E%8B  上海
export default {
  props: {
    cityList: Array,
    test: Array
  }
}
</script>

<style lang="scss">
.select {
  background-color: aquamarine;
}
ul,
li {
  list-style: none;
}
.b-ul-city {
  display: flex;
  // background-color: burlywood;
  .city-item {
    margin: 0 20px;
    cursor: pointer;
    color: #f25d8e;
  }
}
</style>
